<template>
  <div>
    <!-- 数据统计 -->
    <div class="body-box sms-ac-data">
      <div class="sms-ac-data-msg">
        <div class="sms-ac-shen">短信账户余额（条）：200</div>
        <div class="sms-ac-his">
          <div class="sms-ac-his-line"></div>
          <span>累计充值：200</span>
          <span>累计消费：200</span>
        </div>
      </div>
      <el-button class="com-btn sms-buys">立即充值</el-button>
    </div>
    <!-- 列表 -->
    <div class="body-box">
      <el-tabs v-model="activeName">
        <el-tab-pane label="发送记录" name="1">
          <el-table :data="in_list.data" border size="mini">
            <el-table-column type="index"></el-table-column>
            <el-table-column label="发送内容"></el-table-column>
            <el-table-column label="发送时间"></el-table-column>
            <el-table-column label="号码数量"></el-table-column>
            <el-table-column label="发送前剩余"></el-table-column>
            <el-table-column label="发送后剩余"></el-table-column>
            <el-table-column label="状态"></el-table-column>
            <el-table-column label="操作"></el-table-column>
          </el-table>
        </el-tab-pane>
        <el-tab-pane label="充值记录" name="2">
          <el-table :data="in_list.data" border size="mini">
            <el-table-column type="index"></el-table-column>
            <el-table-column label="充值时间"></el-table-column>
            <el-table-column label="充值前剩余"></el-table-column>
            <el-table-column label="充值后剩余"></el-table-column>
            <el-table-column label="状态"></el-table-column>
          </el-table>
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      activeName: "1",
      in_list: {
        current_page: 1,
        data: []
      }
    };
  }
};
</script>

<style>
.sms-ac-data {
  overflow: hidden;
}
.sms-ac-shen {
  font-size: 16px;
  height: 20px;
  line-height: 20px;
  margin-bottom: 20px;
}
.sms-ac-his {
  height: 16px;
  position: relative;
  color: #666;
}
.sms-ac-his > span:last-child {
  margin-left: 40px;
}
.sms-ac-data-msg {
  float: left;
  height: 56px;
}
.sms-buys {
  float: right;
  margin-top: 10px;
}
.sms-ac-his-line {
  position: absolute;
  height: 15px;
  width: 1px;
  background: #aaa;
  top: 2px;
  left: 114px;
}
</style>